<div class="card border-info m-3">
    <h5 class="card-header bg-info text-white">发货</h5>
    <div class="card-body">
        <h5 class="card-title">基础信息</h5>
        <p class="card-text">请按内容提示，录入相关信息。</p>
        <div class="row mb-3">
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">订单编号</button>
                    </div>
                    <input type="text" class="form-control border-info" readonly [value]="orderDomain?.serOrderNo">
                </div>
            </div>
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">物流单号</button>
                    </div>
                    <input type="text" class="form-control border-info" [readOnly]= "extend.domain.disabledBtn()" [(ngModel)]="domain.logisticsNo">
                </div>
            </div>
        </div>
        <div class="row mb-3">
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">物流公司</button>
                    </div>
                    <div class="col-6">
                        <ng-select
                                [items]="extend.domain.logistics.items"
                                [multiple]="false"
                                [closeOnSelect]="true"
                                [searchable]="true"
                                [disabled]= "extend.domain.disabledBtn()"
                                bindLabel="value" bindValue="key"
                                placeholder="{{extend.domain.logistics.nickname}}" tooltip="{{extend.domain.logistics.nickname}}"
                                [(ngModel)]="domain.logisticsCompanyPinyin"
                                (change)="extend.domain.logistics.change($event)">

                        </ng-select>
                    </div>
                </div>
            </div>
        </div>
        <div class="text-center mt-5">
            <button type="button" class="btn" [ngClass]="{'btn-secondary': extend.domain.disabledBtn(), 'btn-outline-primary': !extend.domain.disabledBtn()}" [disabled]="extend.domain.disabledBtn()" (click)="func.save.req($event)">{{extend.domain.btnName()}}</button>
        </div>
    </div>
</div>

<span class="badge badge-info mr-3" *ngIf="errRes?.error?.timestamp !== null">response time: {{errRes?.error?.timestamp}}</span>
<div *ngIf="false">
    <p>{{errRes.error}}</p>
    <p>{{errRes.error?.code}}</p>
    <p>{{errRes.error?.description}}</p>
    <p>{{errRes.error?.theme}}</p>
    <p>{{errRes.error?.timestamp}}</p>
    <p>{{errRes.error?.detail?.RR?.duration}}</p>
    <p>{{errRes.error?.detail['OrdOrder.serNum']}}</p>
    <p>{{errRes.error?.detail['OrdOrder.serAudit']}}</p>
    <p>{{errRes.error?.detail['OrdOrder.serValid']}}</p>
    <p>{{errRes.error?.detail['OrdOrder.serValid2']}}</p>
    <p>{{errRes.headers}}</p>
    <p>{{errRes.message}}</p>
    <p>{{errRes.name}}</p>
    <p>{{errRes.ok}}</p>
    <p>{{errRes.status}}</p>
    <p>{{errRes.statusText}}</p>
    <p>{{errRes.url}}</p>
</div>
